img{
    display: block;
}
input{
    font-size: 14px;
}
.animate-rotate{
    -webkit-animation:rotate 0.2s ease-out 0s infinite alternate;
}
@-webkit-keyframes rotate {
    0%{
        -webkit-transform: rotate(5deg);
    }
    100%{
        -webkit-transform: rotate(-5deg);
    }
}
/*加载样式*/
.infinite-scroll-preloader {
    margin-bottom: 10px;
    text-align: center;
    padding-bottom: 110px;
}
.infinite-scroll-preloader .preloader {
    width:23px;
    height:23px;
}
.pull-to-refresh-layer{
    /*background: #eeeeee;*/
}
.page{
    background: #fff;
    height:109%;
}
.page-content{
    margin-top: -50px;
    height: 100%;
}
.list-block ul:before{
    background: none;
}
.list-block ul:after{
    background: none;
}
.list-block{
    margin: 0;
    margin-top: 6px;
}
.view, .views{
    position: fixed;
}
.views{
    margin-top: 45px;
}
p{
    margin: 0;
}
/*加载样式结束*/
.groupconsultation .banner{
    width: 100%;
    height: 44vw;
    overflow: hidden;
}
.groupconsultation .doctor-type{
    width:100%;
    height:auto;
    overflow: hidden;
    background: #fff;
    -webik-box-sizing:border-box;
    box-sizing:border-box;
}
.groupconsultation .doctor-type .public{
    width:50%;
    height: auto;
    overflow: hidden;
    float: left;
    border-right: 1px solid #e1e1e1;
    -webik-box-sizing:border-box;
    box-sizing:border-box;
}
.groupconsultation .doctor-type .public img{
    width: 44px;
    height: 44px;
    display: block;
    margin:15px auto 0px auto;
}
.groupconsultation .doctor-type .public .p1{
    font-size: 16px;
    color: #333;
    text-align: center;
    margin: 10px 0;
}
.groupconsultation .doctor-type .public .p2{
    font-size: 14px;
    color: #999;
    text-align: center;
    margin-bottom: 15px;
}
/*指定医生*/
.appoint-dactor{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.appoint-dactor .header-tab{
    height: auto;
    box-sizing:border-box;
    -webik-box-sizing:border-box;
    position: fixed;
    top:0;
    z-index: 9999;

}
.appoint-dactor .header-tab .top{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #d2d4d4;
}
.appoint-dactor .header-tab .public{
    float: left;
    font-size: 14px;
    border-right: 1px solid #d2d4d4;
    box-sizing:border-box;
    -webik-box-sizing:border-box;
    height: 45px;
}
.appoint-dactor .header-tab .public p{
    height: 28px;
    line-height: 28px;
    text-align: center;
    margin-top: 8px;
    width: 80%;
    float: left;
    margin-left: 10px;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow: hidden;
}
.appoint-dactor .header-tab .public img{
    width: 15px;
    float: right;
    margin: 16px 12px;
}
.appoint-dactor .header-tab .department{
    border-right: none;
}
.appoint-dactor .header-tab .bot-con{
    width: 100%;
    height: 100%;
    background: #fff;
    border-bottom: 1px solid #d2d4d4;
    background: rgba(0,0,0,.3);
    display: none;
}
.appoint-dactor .header-tab .bot-con .public-list{
    width: 100%;
    height: 310px;
    background: #fff;
    overflow: scroll;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
}
.appoint-dactor .header-tab .bot-con .public-list.block{
    display: block;
}
.appoint-dactor .header-tab .bot-con .public-list p{
    height: 44px;
    width: 100%;
    text-indent: 1em;
    line-height: 44px;
    font-size: 14px;
    border-bottom: 1px solid #d2d4d4;
}
.appoint-dactor .header-tab .bot-con .public-list p.hover{
    color:#00b57d
}
.appoint-dactor .doctor-list{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 5px;
}
.appoint-dactor .doctor-list li{
    padding: 15px 10px;
    overflow: hidden;
    border-bottom: 1px solid #e1e1e1;
}
.appoint-dactor .header-tab .bot-con .department-list{
    width: 100%;
    height: 310px;
    background: #fff;
    overflow: hidden;
}
.appoint-dactor .header-tab .bot-con .department-list .left{
    width: 50%;
    float: left;
    height: 310px;
    background: #fff;
    overflow: scroll;
}
.appoint-dactor .header-tab .bot-con .department-list .left p{
    background: #f6f6f6;
    border-bottom: 1px solid #e1e1e1;
    color: #666;
}
.appoint-dactor .header-tab .bot-con .department-list .left p.hover{
    color: #00b57d;
    background: #fff;
}
.appoint-dactor .header-tab .bot-con .department-list .right{
    width: 50%;
    float: left;
    height: 310px;
    background: #fff;
    overflow: scroll;
}
.appoint-dactor .header-tab .bot-con .department-list .right p{
    border: none;
    color: #333333;
}
.appoint-dactor .doctor-list li .left{
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 5px;
    float: left;
}
.appoint-dactor .doctor-list li .left img{
    width: 100%;
    height: 100%;
}
.appoint-dactor .doctor-list li .center{
    float: left;
    margin-left: 10px;
    margin-top: 3px;
}
.appoint-dactor .doctor-list li .center .character{
    width: auto;
    height: auto;
    overflow: hidden;
}
.appoint-dactor .doctor-list li .center .character .name{
    font-size: 16px;
    color: #333333;
    float: left;
}
.appoint-dactor .doctor-list li .center .character .position{
    font-size: 14px;
    color: #333333;
    float: left;
    margin-left: 10px;
}
.appoint-dactor .doctor-list li .center .hospital{
    width: auto;
    height: auto;
    overflow: hidden;
    margin-top: 17px;
}
.appoint-dactor .doctor-list li .center .hospital .name{
    font-size: 12px;
    color: #666;
    float: left;
    max-width: 133px;
    overflow: hidden;
    white-space:nowrap;
}
.appoint-dactor .doctor-list li .center .hospital .department{
    font-size: 12px;
    color: #666;
    float: left;
    margin-left: 10px;
    max-width: 100px;
    overflow: hidden;
    white-space:nowrap;
}
.appoint-dactor .doctor-list li .right{
    float: right;
    width: 18px;
    height: 18px;
}
.appoint-dactor .doctor-list li .right img{
    float: right;
    width: 18px;
    height: 18px;
    margin-top: 16px;
}
.appoint-dactor .button-next{
    width: 100%;
    height: 60px;
    background: #44b181;
    position: fixed;
    bottom:0;
    background: #fff;
    z-index: 5001;
}
.appoint-dactor .button-next button{
    width: 94%;
    height: 40px;
    background: #44b181;
    border-radius: 5px;
    border: none;
    font-family: '微软雅黑';
    display: block;
    margin:10px auto;
    font-size: 16px;
    color: #fff;
}
/*会诊详情*/
.groupconsultationh-datail{
    width:100%;
    height: auto;
    overflow: hidden;
}
.groupconsultationh-datail .top-form{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #fff;
}
.groupconsultationh-datail .top-form .public{
    height: 44px;
    border-bottom: 1px solid #e1e1e1;
}
.groupconsultationh-datail .top-form .public label{
    line-height: 44px;
    color: #888;
    font-size: 14px;
    margin-left: 10px;
    float: left;
}
.groupconsultationh-datail .top-form .public input{
    width: 60%;
    border: none;
    float: left;
    margin-top: 14px;
}
.groupconsultationh-datail .top-form .medicalrecord{
    height: 44px;
    border-bottom: 1px solid #e1e1e1;
}
.groupconsultationh-datail .top-form .medicalrecord label{
    line-height: 44px;
    color: #888;
    font-size: 14px;
    margin-left: 10px;
    float: left;
}
.groupconsultationh-datail .top-form .medicalrecord .p-name{
    width: 60%;
    float: left;
    font-size: 14px;
    color: #333333;
    line-height: 44px;
    margin-left: 5px;
}
.groupconsultationh-datail .top-form .medicalrecord img{
    float: right;
    margin-right: 10px;
    width: 18px;
    margin-top: 13px;
}
.groupconsultationh-datail .top-form .situation{
    width: 100%;
    height: 135px;
    border-bottom:1px solid #e1e1e1;
}
.groupconsultationh-datail .top-form .situation textarea{
    min-width: 95%;
    min-height: 130px;
    margin: auto;
    display: block;
    border: none;
    resize: none;
    margin-top: 5px;
    font-size: 14px;
    line-height: 25px;
}
.groupconsultationh-datail .top-form .situation textarea::-webkit-input-placeholder{
    color: #d6d4d4;
}
.groupconsultationh-datail .top-form .upload-pic{
    width: 95%;
    margin: auto;
}
.groupconsultationh-datail .top-form .upload-pic .up-icon{
    width: 50px;
    margin: 10px 0;
    float: left;
}
.groupconsultationh-datail .top-form .upload-pic p{
    float: left;
    font-size: 14px;
    line-height: 20px;
    color: #999;
    margin-top: 14px;
    margin-left: 10px;
    width: 238px;
}
.groupconsultationh-datail .top-form .pictures{
    width: auto;
    overflow: hidden;
}
.groupconsultationh-datail .top-form .pictures .up-button{
    width: 50px;
    height: auto;
    float: left;
    overflow: hidden;
}
.groupconsultationh-datail .top-form .pictures .up-button .input-file{
    position: absolute;
    width: 50px;
    height: 50px;
    margin: 10px 0;
    opacity:0;
}
.groupconsultationh-datail .top-form .pictures .up-button .input-file input{
    width: 50px;
    height: 50px;
}
.groupconsultationh-datail .top-form .pictures img{
    width: 50px;
    height:50px;
    float: left;
}
.groupconsultationh-datail .top-form .pictures .append-pic .list{
    width: 50px;
    height: 50px;
    float: left;
    margin: 10px 0;
    margin-right: 10px;
    position: relative;
}
.groupconsultationh-datail .top-form .pictures .append-pic .list .del{
    width: 20px;
    height: auto;
    position: absolute;
    top:15px;
    left:15px;
    display: none;
}
.groupconsultationh-datail .bot-form{
    width:100%;
    height: auto;
    overflow: hidden;
    background: #fff;
    margin-top: 12px;
}
.groupconsultationh-datail .bot-form .tit{
    height: 44px;
    line-height: 44px;
    padding-left: 10px;
    font-size: 14px;
    color: #666;
    border-bottom: 1px solid #e1e1e1;
}
.groupconsultationh-datail .bot-form .doctor-list{
    width:100%;
    height: auto;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}
.groupconsultationh-datail .bot-form .doctor-list .win{
    width: auto;
    height: auto;
    overflow: hidden;
}
.groupconsultationh-datail .bot-form .doctor-list .doctor-infor{
    width: 33.33vw;
    height: auto;
    overflow: hidden;
    float: left;
}
.groupconsultationh-datail .bot-form .doctor-list .doctor-infor .head-pic{
    width: 60px;
    height: 60px;
    border-radius: 100px;
    margin:15px auto;
}
.groupconsultationh-datail .bot-form .doctor-list .doctor-infor .name{
    font-size: 14px;
    color: #333;
    text-align: center;
}
.groupconsultationh-datail .bot-form .doctor-list .doctor-infor .hospital{
    width: 100%;
    text-align: center;
    font-size: 13px;
    color: #999;
    margin: 10px auto;
}
.groupconsultationh-datail .bot-form .public{
    width: 100%;
    height: auto;
    overflow: hidden;
    border-top: 1px solid #e1e1e1;
    height:44px;
}
.groupconsultationh-datail .bot-form .public label{
    line-height: 44px;
    color: #888;
    font-size: 14px;
    margin-left: 10px;
    float: left;
}
.groupconsultationh-datail .bot-form .public input{
    float: left;
    border: none;
    margin-top: 7px;
    height: 30px;
}
.groupconsultationh-datail .bot-form .public p{
    font-size: 14px;
    color: #1e1e1e;
    float: left;
    line-height: 44px;
    margin-left: 5px;
}
.groupconsultationh-datail .bot-form .accompany p{
    font-weight: 100;
    color: #999;
}
.groupconsultationh-datail .bot-form .public .radio{
    width: 64px;
    background: #999;
    height: 22px;
    border-radius: 5px;
    float: right;
    margin-right: 10px;
    margin-top: 11px;
    position: relative;
}
.groupconsultationh-datail .bot-form .public .radio .slider{
    width: 30px;
    height: 18px;
    top: 2px;
    position: absolute;
    left:2px;
    background: #fff;
    border-radius: 3px;
}
.groupconsultationh-datail .bot-form .money .price{
    float: left;
    width: 100px;
    height: 34px;
    margin-top: 5px;
    background: #ebebeb;
    border-radius: 4px;
    text-align: center;
    line-height: 34px;
    font-size: 14px;
}
.groupconsultationh-datail .bot-form .money p{
    font-weight: 100;
    color: #999;
}

.groupconsultationh-datail .conduct-button{
    width: 100%;
    height: 60px;
    border-top: 1px solid #e1e1e1;
    background: #fff;
}
.groupconsultationh-datail .conduct-button button{
    width:95%;
    display: block;
    height: 50px;
    margin: 5px auto;
    background: #00b57d;
    border: none;
    font-family: '微软雅黑';
    font-size: 16px;
    color: #fff;
    border-radius: 5px;
}
.groupconsultationh-datail .medicalrecord-layer{
    width:100%;
    height:100%;
    background: rgba(0,0,0,.5);
    position: fixed;
    top:0;
    display: none;
}
.groupconsultationh-datail .medicalrecord-layer .con{
    width: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 5px;
}
.groupconsultationh-datail .medicalrecord-layer .con p{
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #333;
    border-top:1px solid #e1e1e1;
    text-align: center;
}
.groupconsultationh-datail .medicalrecord-layer .con p:nth-child(1){
    border: none;
}

.groupconsultationh-datail .payment-layer{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    position: fixed;
    top:0;
    left:0;
    display: none;
}
.groupconsultationh-datail .topmask{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
}
.groupconsultationh-datail .payment-layer .con{
    width: 100%;
    position: absolute;
    bottom: -290px;
    background: #fff;
}
.groupconsultationh-datail .payment-layer .con .coupon{
    width: 100%;
    height:45px;
    border-bottom: 1px dashed #eee;
}
.groupconsultationh-datail .payment-layer .con .coupon .p-left{
    float: left;
    font-size: 14px;
    color: #000;
    margin-left: 10px;
    line-height: 45px;
}
.groupconsultationh-datail .payment-layer .con .coupon img{
    float: right;
    margin-right: 10px;
    width: 20px;
    margin-top: 12px;
}
.groupconsultationh-datail .payment-layer .con .name{
    width: auto;
    height: 44px;
    margin-left: 10px;
}
.groupconsultationh-datail .payment-layer .con .name .p1{
    color: #666;
    font-size: 14px;
    line-height: 44px;
    float: left;
}
.groupconsultationh-datail .payment-layer .con .name .p2{
    color: #333;
    font-size: 14px;
    line-height: 44px;
    float: left;
    margin-left: 10px;
}
.groupconsultationh-datail .payment-layer .con .phone{
    width: auto;
    height: 44px;
    margin-left: 10px;
    border-bottom: 1px dashed #eee;
}
.groupconsultationh-datail .payment-layer .con .phone .p1{
    color: #666;
    font-size: 14px;
    line-height: 44px;
    float: left;
}
.groupconsultationh-datail .payment-layer .con .phone .p2{
    color: #333;
    font-size: 14px;
    line-height: 44px;
    float: left;
    margin-left: 10px;
    font-weight: bold;
}
.groupconsultationh-datail .payment-layer .con .money-num{
    width: auto;
    height: 44px;
    margin-left: 10px;
}
.groupconsultationh-datail .payment-layer .con .money-num .p1{
    color: #000;
    font-size: 14px;
    line-height: 44px;
    float: left;
}
.groupconsultationh-datail .payment-layer .con .money-num .p2{
    color: #ff8936;
    font-size: 14px;
    line-height: 44px;
    float: left;
    margin-left: 20px;
    font-weight: bold;
}
.groupconsultationh-datail .payment-layer .con .pay-mode{
    width: auto;
    height: 44px;
    margin-left: 10px;
}
.groupconsultationh-datail .payment-layer .con .pay-mode .p1{
    color: #000;
    font-size: 14px;
    line-height: 44px;
    float: left;
}
.groupconsultationh-datail .payment-layer .con .pay-mode .public{
    width: 60px;
    height: auto;
    float: left;
    margin-left: 23px;
    margin-top: 8px;
}
.groupconsultationh-datail .payment-layer .con .pay-mode .public .img{
    width: 30px;
    height:30px;
    float: left;
}
.groupconsultationh-datail .payment-layer .con .pay-mode .public .radio{
    width: 20px;
    height:20px;
    float: left;
    margin-top: 6px;
    margin-left: 10px;
}
.groupconsultationh-datail .payment-layer .con .contact-time{
    color:#d6d4d4;
    line-height: 44px;
    margin-left: 10px;
}
.groupconsultationh-datail .payment-layer .con .button-pay{
    width: 95%;
    height:44px;
    color: #fff;
    background: #44b181;
    border: none;
    display: block;
    margin:10px auto;
    border-radius: 5px;
    font-size: 16px;
    font-family: '微软雅黑';
}
/*会诊风采*/
.presence{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.presence .top-carousel{
    width:100%;
    height:80vw;
    background: #fff;
}
.presence .bot{
    width:100%;
    height:auto;
    margin-top: 12px;
}
.presence .bot .title{
    width:100%;
    height: 45px;
    border-bottom: 1px solid #e1e1e1;
    background: #fff;
}
.presence .bot .title .left,.presence .bot .title .right{
    width:30%;
    height: 43px;
    float: left;
    margin:0 10%;
    font-size: 14px;
    color: #333;
    text-align: center;
    line-height: 43px;
}
.presence .bot .title .left.click,.presence .bot .title .right.click{
    border-bottom: 2px solid #51b181;
}
.presence .bot .con{
    width: 100%;
    height: auto;
}
.presence .bot .con .con-left{
    width: 100%;
    height: auto;
    background: #fff;
}
.presence .bot .con .con-left .skilful{
    width: 100%;
    color: #333;
    font-size: 14px;
    padding-top: 10px;
    margin-left: 10px;
}
.presence .bot .con .con-left .experience{
    width: 100%;
    color: #333;
    font-size: 14px;
    padding-top: 4px;
    margin-left: 10px;
    margin-bottom: 10px;

}
.presence .bot .con .con-left .skilful p{
    color:#666666;
    line-height: 25px;
    padding-right: 20px;
    margin-top: 5px;
}
.presence .bot .con .con-left .experience p{
    color:#666666;
    line-height: 25px;
    padding-right: 20px;
    margin-top: 5px;
}
.presence .button-conduct{
    width:100%;
    height:60px;
    background: #fff;
    border-top: 1px solid #e1e1e1;
    position: fixed;
    bottom:0;
}
.presence .button-conduct button{
    width: 95%;
    height: 44px;
    background: #44b181;
    display: block;
    margin: auto;
    font-family: '微软雅黑';
    color: #fff;
    margin-top: 8px;
    border-radius: 5px;
    font-size: 14px;
}
.presence .bot .con .con-right{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: none;
}
.presence .bot .con .con-right .tit{
    width: 100%;
    height:45px;
    overflow: hidden;
    background: #fff;
}
.presence .bot .con .con-right .tit .p1{
    font-size: 14px;
    color: #888888;
    margin-left: 10px;
    line-height: 45px;
    float: left;
}
.presence .bot .con .con-right .tit .p2{
    font-size: 12px;
    color: #888888;
    margin-left: 10px;
    float: right;
    color: #d6d4d4;
    line-height: 45px;
    margin-right: 10px;
}
.presence .bot .con .con-right .star{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #fff;
}
.presence .bot .con .con-right .star .public{
    width: 140px;
    height: 45px;
    overflow: hidden;
    margin-left: 10px;
    float: left;
}
.presence .bot .con .con-right .star .public .p3{
    font-size: 14px;
    color: #666;
    line-height: 45px;
    float: left;
}
.presence .bot .con .con-right .star .public .star-effect{
    width: 80px;
    height:auto;
    overflow: hidden;
    float: left;
    margin-top: 14px;
    margin-left: 3px;
}
.presence .bot .con .con-right .star .public .star-effect img{
    width: 13px;
    height: 13px;
    float: left;
    margin-right: 1px;
}
.presence .bot .con .con-right .comment{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.presence .bot .con .con-right .comment .con{
    width: 100%;
    height:auto;
    overflow: hidden;
    background: #fff;
    border-top: 1px solid #e1e1e1;
    margin-bottom: 10px;
}
.presence .bot .con .con-right .comment .con .left-head{
    width: 51px;
    height: 51px;
    border-radius: 100px;
    margin-top: 15px;
    margin-left: 10px;
    float: left;
}
.presence .bot .con .con-right .comment .con .user-infor{
    float: left;
    width: auto;
    overflow: hidden;
    margin-left: 10px;
}
.presence .bot .con .con-right .comment .con .user-infor .name{
    font-size: 14px;
    color: #888;
    margin-top: 15px;
}
.presence .bot .con .con-right .comment .con .user-infor .name b{
    font-size: 14px;
    color: #888;
    margin-left: 10px;
}
.presence .bot .con .con-right .comment .con .user-infor .fraction{
    margin: 15px 0;
    font-size: 14px;
    overflow: hidden;
}
.presence .bot .con .con-right .comment .con .user-infor .fraction .div-left,.presence .bot .con .con-right .comment .con .user-infor .fraction .div-right{
    float: left;
    color: #666;
    margin-right: 20px;
}
.presence .bot .con .con-right .comment .con .user-infor .fraction .div-left b,.presence .bot .con .con-right .comment .con .user-infor .fraction .div-right b{
    color: #ff8936;
}
.presence .bot .con .con-right .comment .con .user-infor .text{
    font-size: 14px;
    margin-bottom: 15px;
}

/*发表评论*/
.publish-comment{
    width: 100%;
    height:auto;
    overflow: hidden;
    background: #ebebeb;
}
.publish-comment .content{
    width:100%;
    height: 160px;
    background: #fff;
    overflow: hidden;
}
.publish-comment .content .illness{
    width:100%;
    height: 40px;
    border-bottom: 1px solid #ccc;
}
.publish-comment .content .illness label{
    line-height: 40px;
    font-size: 14px;
    float: left;
    margin-left: 2.5%;
    margin-right: 10px;
}
.publish-comment .content .illness input{
    float: left;
    height: 30px;
    margin-top: 5px;
    border: none;
}
.publish-comment .content textarea{
    min-width: 95%;
    max-width: 95%;
    min-height: 150px;
    max-height: 150px;
    background: #fff;
    display: block;
    margin: auto;
    font-size: 14px;
    margin-top: 5px;
    resize: none;
}
.publish-comment .content .number{
    float: right;
    margin-right: 2.5%;
    color: #c9c9c9;
    font-size: 15px;
}
.publish-comment .score{
    width: 100%;
    height:auto;
    overflow: hidden;
    background: #fff;
    margin-top: 12px;
}
.publish-comment .score .tit{
    width: 100%;
    height: 45px;
    border-bottom: 1px solid #e1e1e1;
    font-size: 14px;
    color: #333;
    line-height: 45px;
    padding-left: 10px;
}
.publish-comment .score .tit b{
    color: #c9c9c9;
    font-size: 12px;
}
.publish-comment .score .con{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.publish-comment .score .con .public{
    width: auto;
    height: auto;
    overflow: hidden;
}
.publish-comment .score .con .public p{
    float: left;
    font-size: 14px;
    color: #333;
    margin-left: 10px;
    margin-top: 20px;
}
.publish-comment .score .con .public .star,.publish-comment .score .con .public .attitude{
    width: 110px;
    height: auto;
    overflow: hidden;
    float: left;
    margin-top: 16px;
    margin-left: 5px;
}
.publish-comment .score .con .public .attitude{
    margin-bottom: 20px;
}
.publish-comment .score .con .public .star img,.publish-comment .score .con .public .attitude img{
    float: left;
    width: 20px;
    margin-right: 2px;
}

.publish-comment .submit{
    width: 95%;
    height: 44px;
    background: #44b181;
    font-family: '微软雅黑';
    font-size: 16px;
    color: #fff;
    letter-spacing: 2px;
    border-radius: 5px;
    margin: 10px auto;
    display: block;
}
/*个人病历*/
.personalrecord{
    width:100%;
    height:auto;
    overflow: hidden;

}
.personalrecord .con-top{
    width: 100%;
    height:auto;
    background: #fff;
    overflow: hidden;
}
.personalrecord .con-top .public{
    height:44px;
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
}
.personalrecord .con-top .public .p1{
    line-height: 44px;
    margin-left: 10px;
    color: #666;
    font-size: 14px;
    float: left;
}
.personalrecord .con-top .public img{
    width: 20px;
    margin-top: 11px;
    float: right;
    margin-right: 10px;
}
.personalrecord .con-top .public .p2{
    float: right;
    line-height: 44px;
    margin-right: 10px;
    color: #c9c9c9;
    font-size: 14px;
}
.personalrecord .con-bot{
    width: 100%;
    height:auto;
    overflow: hidden;
    background: #fff;
    margin-top: 10px;
}
.personalrecord .con-bot .illness-name{
    width: 100%;
    height:44px;
    border-bottom: 1px solid #e1e1e1;
}
.personalrecord .con-bot .illness-name p{
    float: left;
    font-size: 14px;
    color: #333;
    line-height: 44px;
    margin-left: 10px;
}
.personalrecord .con-bot .illness-name input{
    float: right;
    margin-right: 10px;
    border: none;
    margin-top: 15px;
    margin-right: 40px;
    text-align: right;
}
.personalrecord .con-bot .describe{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.personalrecord .con-bot .describe p{
    font-size: 14px;
    color: #333;
    margin-left: 10px;
    line-height: 44px;
}
.personalrecord .con-bot .describe textarea{
    max-width: 95%;
    min-width: 95%;
    display: block;
    margin: auto;
    border: none;
    resize: none;
    max-height: 130px;
    min-height: 130px;
    margin-bottom: 10px;
    color: #999;
}
.personalrecord .confirm{
    width: 95%;
    height: 44px;
    font-family: '微软雅黑';
    margin: 25px auto;
    display: block;
    background: #44b181;
    border-radius: 5px;
    border: none;
    font-size: 16px;
    letter-spacing: 4px;
    color: #fff;
}
.personalrecord .medicalrecord-layer,.personalrecord .hospatil-layer{
    width:100%;
    height:100%;
    background: rgba(0,0,0,.5);
    position: fixed;
    top:0;
    display: none;
}
.personalrecord .medicalrecord-layer .con,.personalrecord .hospatil-layer .con{
    width: 90%;
    position: absolute;
    height: 60%;
    overflow: scroll;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 5px;
}
.personalrecord .medicalrecord-layer .con p,.personalrecord .hospatil-layer .con p{
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #333;
    border-top:1px solid #e1e1e1;
    text-align: center;
}
.personalrecord .medicalrecord-layer .con p:nth-child(1),.personalrecord .hospatil-layer .con p:nth-child(1){
    border: none;
}


/*明星医生*/
.dactor-list{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #fff;
}
.dactor-list .doctor-details{
    padding: 15px 10px;
    overflow: hidden;
    background: #fff;
    margin-bottom: 10px;
}
.dactor-list .doctor-details .top{
    width: auto;
    height: auto;
    overflow: hidden;
}
.dactor-list .doctor-details .left{
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 5px;
    float: left;
}
.dactor-list .doctor-details .left img{
    width: 100%;
    height: 100%;
}
.dactor-list .doctor-details .center{
    float: left;
    margin-left: 10px;
    margin-top: 3px;
}
.dactor-list .doctor-details .center .character{
    width: auto;
    height: auto;
    overflow: hidden;
}
.dactor-list .doctor-details .center .character .name{
    font-size: 16px;
    color: #333333;
    float: left;
}
.dactor-list .doctor-details .center .character .position{
    font-size: 14px;
    color: #333333;
    float: left;
    margin-left: 10px;
}
.dactor-list .doctor-details .center .hospital{
    width: auto;
    height: auto;
    overflow: hidden;
    margin-top: 17px;
}
.dactor-list .doctor-details .center .hospital .name{
    font-size: 12px;
    color: #666;
    float: left;
    max-width: 110px;
    overflow: hidden;
    white-space:nowrap;
}
.dactor-list .doctor-details .center .hospital .department{
    font-size: 12px;
    color: #666;
    float: left;
    margin-left: 10px;
    max-width: 110px;
    white-space:nowrap;
}
.dactor-list .doctor-details .interaction{
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px dashed #e1e1e1;
    padding: 15px 10px;
    margin-left: -10px;
}
.dactor-list .doctor-details .interaction .public{
    width: 110px;
    margin-left: 15px;
    float: left;
}
/*.dactor-list .doctor-details .interaction .comment{*/
    /*margin-top: 15px;*/
/*}*/
.dactor-list .doctor-details .interaction .public img{
    width: 23px;
    height: 23px;
    float: left;
}
.dactor-list .doctor-details .interaction .public span{
    width: 70px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    color: #666;
    float: left;
    margin-left: 10px;
}
.dactor-list .doctor-details .experience{
    font-size: 14px;
    color: #666;
    margin-top: 10px;
    line-height: 23px;
}
.dactor-list .doctor-details .experience b{
    font-size: 14px;
    color: #333;
    font-weight: bold;
}
/*订单系统*/
.order{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.order .topnav{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.order .topnav .public{
    width: 25%;
    float: left;
}
.order .topnav .public img{
    width: 30px;
    display: block;
    margin:10px auto;
}
.order .topnav .public p{
    text-align: center;
    margin: 10px 0;
    font-size: 14px;
    color: #b4b5b6;
}
.order .topnav .public p.hover{
    color: #44b181;
}

/**/

.order_stay .order_num {
    position: relative;
    width: 100%;
    height: 25px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #e6e6e6;
}

.order_stay .order-list{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.order_stay .order-list .order-detail{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #fff;
    margin-top: 10px;
}
.order_stay .order-list .order-detail .order-num{
    width: 100%;
    height: 44px;
    border-bottom: 1px dashed #eee;
    font-size: 14px;
    line-height: 44px;
    padding-left: 10px;
    color: #666;
}
.order_stay .order-list .order-detail .expert{
    width: auto;
    overflow: hidden;
    margin: 10px;
}
.order_stay .order-list .order-detail .expert img{
    width: 87px;
    height: 64px;
    border-radius: 5px;
    float: left;
}
.order_stay .order-list .order-detail .expert .allexpert{
    float: left;
    margin-left: 10px;
}
.order_stay .order-list .order-detail .expert .allexpert .tit{
    font-size: 14px;
    color: #666;
    font-family: '黑体';
}
.order_stay .order-list .order-detail .expert .allexpert .divstay{
    width: 133px;
    height: 36px;
    background: #f2be45;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 36px;
    border-radius: 5px;
    margin: 17px 0;
}
.order_stay .order-list .order-detail .expert .allexpert ul{
    width: auto;
    height: auto;
    overflow: hidden;
    margin-bottom: 10px;
}
.order_stay .order-list .order-detail .expert .allexpert ul li{
    width: auto;
    height: auto;
    overflow: hidden;
    margin-top: 10px;
}
.order_stay .order-list .order-detail .expert .allexpert ul li p{
    float: left;
    font-size: 12px;
    color: #999;
    margin-top: 2px;
}
.order_stay .order-list .order-detail .expert .allexpert ul li .name{
    font-size: 13px;
    color: #333;
    margin-top: 0;
}
.order_stay .order-list .order-detail .expert .allexpert ul li .position{
    margin: 2px 4px;
}
.order_stay .order-list .order-detail .expert .allexpert ul li .hospital{
    width: 96px;
}
.order_stay .order-list .order-detail .type{
    width: auto;
    margin: 10px;
    overflow: hidden;
}
.order_stay .order-list .order-detail .type .public{
    width: auto;
    float: left;
    float: left;
    color: #999;
    font-size: 12px;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow: hidden;
}
.order_stay .order-list .order-detail .type .public b{
    color: #333;
}
.order_stay .order-list .order-detail .type .div1{
    width: 30%;
}
.order_stay .order-list .order-detail .type .div2{
    width: 40%;
}
.order_stay .order-list .order-detail .type .div3{
    width: 30%;
}

.order_stay .order-list .order-detail .amount{
    width: 100%;
    height: 49px;
    border-top: 1px solid #e1e1e1;
}
.order_stay .order-list .order-detail .amount span{
    float: left;
    font-size: 14px;
    color: #666;
    line-height: 44px;
    margin-left: 10px;
}
.order_stay .order-list .order-detail .amount span b{
    color: #ff8936;
}
.order_stay .order-list .order-detail .amount button{
    float: right;
    margin-right: 10px;
    background: #e76a68;
    color: #fff;
    border-radius: 5px;
    border: none;
    width: 118px;
    height: 36px;
    margin-top: 7px;
    font-family: '微软雅黑';
    letter-spacing: 4px;
}







